<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

	<html>
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Prueba con Primefaces</title>
	<!-- Definición de estilos. Definir en otro fichero...  -->
	<!-- <link type="text/css" rel="stylesheet"href="#{request.contextPath}/css/default.css" />
	<link type="text/css" rel="stylesheet"href="#{request.contextPath}/themes/aristo/skin.css" />
	<link type="text/css" rel="stylesheet"href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" /> -->
	<style type="text/css">
.ui-widget {
	font-size: 90%;
}

.ui-menu .ui-menu-item .ui-menu-item-label {
	padding: .2em 1.7em;
}

.ui-growl {
	top: 115px;
}

.themeMenu {
	overflow: auto;
	height: 300px;
	width: 200px;
}
</style>

</h:head>

<h:body>
	<h:form>
		<p:growl id="growl" />
		<p:panel header="Bienvenido!" footer="Derechos reservados">
			<div id="login" align="right">
				<p:panel header="Login" align="right" text-align="left"
					style="font-size:80%;width:15%;text-align:left">
					<h:panelGrid columns="1">
						<h:outputLabel value="Usuario" />
						<p:inputText value="#{loginBean.usuario}" />
						<h:outputLabel value="Contraseña" />
						<p:password feedback="false" value="#{loginBean.password}" />
						<f:facet name="footer">
							<p:commandButton value="Login" update="growl"
								actionListener="#{loginBean.compruebaLogin}" />
						</f:facet>
						<!-- 	<h:outputLabel value="#{calendario.date}" />
						<p:calendar pattern="dd/MM/yyyy"
							selectListener="#{calendario.cambioFecha}" onSelectUpdate="growl" /> -->
					</h:panelGrid>
				</p:panel>
			</div>
		</p:panel>
	</h:form>
</h:body>
	</html>
</f:view>